@charset "utf-8";
@import url("global.css");
@import url("link.css");
@import url("page.css");
@import url("adv.css");
@import url("menu.css");
@import url("productlist_roll.css");

/*主体部分布局*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin:0 auto;
	background-color:#fbfbfd;
	
}
/******main frame*****************************************************/
.divmain{width:1260px; margin:0 auto;}
.maintable{ width:1260px; margin:0 auto;}
 
 

/*-----------------------------------幻灯 on----------------------------------*/
#focus {  width:100%;height:315px; margin:0 auto; position:relative; overflow:hidden;}
#focus ul { padding:0px; margin:0px; position:absolute; overflow:hidden;}
#focus ul li { display:inline; float:left;height:315px; background:#efefef; position:relative; overflow:hidden;}
#focus ul li a { display:block; height:315px; margin:0; padding:0;}
#focus ul li div { position:absolute; overflow:hidden;}
#focus .btnBg { height:20px;  width:100%; position:absolute; left:0; bottom:0;}
#focus .btn { height:10px; padding:20px 10px; position:absolute; right:46%; bottom:0;}
#focus .btn span { display:inline-block; width:15px; height:15px;border-radius: 15px; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on { background:#fff;}
#focus .preNext { width:45px; height:100px; cursor:pointer; background:url(../images/sprite.png) no-repeat; position:absolute; top:36%; visibility:hidden;}
#focus .pre { left:0;}
#focus .next { background-position:right top; right:0;}

/*-----------------------------------幻灯 off----------------------------------*/
/* flexslider */
.flexslider{position:relative;height:680px;overflow:hidden;background:url(/templates/default/images/share/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:680px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;/*background:url(/templates/default/images/share/dot.png) right 0 no-repeat;*/cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;opacity: 0.0;}
.flex-direction-nav li a:hover{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;opacity: 0.4;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/templates/default/images/share/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/templates/default/images/share/next.png) center center no-repeat;}
 

/*header*/
.header{height:140px;background-color:#fff;}
.header .item{position:relative;width:1200px;height:140px;margin:0 auto;z-index: 10;}
.header .logo{width:456px;height:65px;margin-top:42px;display:block;line-height:300px;overflow:hidden;}
.header .links{position:absolute;top:32px;right:0;width:210px;height:20px;}
.header .links a{float:left;position:relative;width:68px;height:20px;padding-left:24px;color:#000;font-size:12px;line-height:20px;}
.header .links a i{position:absolute;left:0;top:50%;margin-top:-6px;overflow:hidden;}
.header .links a .i1{width:13px;height:12px;background-position:0 -126px;}
.header .links a .i2{width:15px;height:11px;background-position:-20px -126px;}
.header .links a:hover{color:#f00;}


.navBar{position:absolute;right:0;top:86px;width:600px;height:54px;}

.nav {position:relative;width:600px;height:100px; }
.nav .m{position:relative;float:left;width:100px;height:40px;z-index:10;}
.nav h3{position:relative;height:40px;}
.nav h3 a{display:block;height:40px;color:#4a4a4a;font-size:14px;font-weight:normal;line-height:18px;text-align:center;}
.nav .on h3 a{color:#006bb9;}
.nav h3 span{display:block;font-size:12px;}
.nav .sub {display:none;position:absolute;left:50%;top:54px;margin-left:-50px;z-index:1;width:100px;padding:12px 0 10px;background:#fff; border:1px solid #ddd;}
.nav .on .sub{display:block;}
.nav .sub li{height:25px;text-align:center;line-height:25px;}
.nav .sub li a{display:block;color:#414141;font-size:12px;}
.nav .sub li a:hover{color:#006bb9;}
.nav .block {position:absolute;left:0;top:52px;height:2px;width:100px;background:#006bb9;overflow:hidden;}


.headfixed {
    height: 100px;
    /* overflow: hidden; */
    width: 100%;
    margin: 0 auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999999;
    background: #fff;
    box-shadow: 0 1px 1px #ccc;
}
.headfixed #top {
    position: relative;
    width: 1260px;
    height: 100px;
    margin: 0 auto;
}
 
 
/*footer*/
.footer{background: #3f4254;height: 220px; color: #fff;padding:50px 15px;}
.footer .copyright{width:70%;float:left;line-height:46px; color:#999;text-align:left;padding-left:10px;}
.footer .copyright a{color:#ccc;margin-right:25px;}
.footer .copyright p.p1{ line-height:30px;}
.footer .bottomlogo{width:30%;float:right;text-align:right;padding-right:10px;line-height:36px;color:#999;}


/*title*/
.main-title{font-size:28px;color:#3e4155;line-height:1;font-weight:400}
.main-title.under-line{position:relative}
.main-title.under-line:before{content:"";position:absolute;width:60px;height:3px;background:#5fc5f4;left:0;bottom:-8px}

/*title*/
.media-list{
	font-size: 0;
	padding-bottom: 17px;
	width: 1260px;
	margin-left: 0px;
	margin-top:30px;
}
.media-list .media-item a:hover{
	color: #676a78;
}
.media-list .media-item:hover {
	background: hsla(0,0%,100%,.98);
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	border-radius: 8px;
	-webkit-transition: .5s;
	transition: .5s
}

.media-list .media-item:hover .cover img{
	max-width: 360px;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
}

.media-list .media-item{
	background: hsla(0,0%,100%,0);
	-webkit-transition: .3s;
	transition: .3s;
	position: relative;
	display: inline-block;
	font-size: 16px;
	width: 420px;
	cursor: pointer;
	padding: 30px 30px 40px
}

.media-list .media-item:before {
	content: "";
	width: 0;
	height: 4px;
	background: rgba(0,160,233,.6);
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute
}

.media-list .media-item:last-of-type {
	margin-right: 0
}

.media-list .media-item .text-wrapper{
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.media-list .media-item .cover{
	width: 360px;
	height: 268px;
	overflow: hidden;
	font-size: 0;
	border-radius: 8px;
	margin-bottom: 29px;
	background: transparent
}

.media-list .media-item .cover img{
	max-width: 360px;
	height: 100%;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	border-radius: 8px
}

.media-list .media-item .title{
	color: #676a78;
	margin-bottom: 30px;
	height: 58px;
	overflow: hidden;
	line-height: 30px;
	font-size: 22px;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.media-list .media-item .sub-title{
	color: #a7abc2;
	font-size: 14px;
	margin-bottom: 10px
}

.media-list .media-item .info{
	height: 85px;
	overflow: hidden;
	line-height: 30px;
	text-overflow: ellipsis
}

@media screen and (max-width:1580px) {
	.desc-wrapper .desc-section .content{
		height: 600px;
		padding-right: 20%
	}

	.desc-wrapper .img-box{
		width: 47vw
	}

	.logo{
		right: -10px
	}

	.slide-bar{
		top: 30%
	}
}

.media-item .animate__fadeInUp{
	-webkit-animation-name: mediafadeInUp;
	animation-name: mediafadeInUp
}

@-webkit-keyframes mediafadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,30%,0);
		transform: translate3d(0,30%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes mediafadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,30%,0);
		transform: translate3d(0,30%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}


/****/
.card-section{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:30px;
}

.card-section .card-item{
	width: 375px;
	min-height: 1px;
	margin-bottom: 38px
}

.card-section .card-item.mb0{
	margin-bottom: 0
}


/*****/
.content{
	width: 375px;
	cursor: pointer;
	border-radius: 8px 8px 0 0;
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1)
}

.content .img-box:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.content .img-box{
	font-size: 0;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	position: relative;
	z-index: 3
}

.content .img-box .cover{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 0
}

.content .img-box,.content .img-box .cover img{
	width: 375px;
	height: 185px;
	border-radius: 8px 8px 0 0;
	-webkit-transition: .5s;
	transition: .5s
}

.content .img-box .cover .defalutStyle{
	width: 48px;
	height: 69px
}

.content .img-box .keyword{
	position: absolute;
	top: 18px;
	left: 15px;
	color: hsla(0,0%,100%,.9);
	height: 28px
}

.content .img-box .keyword .age-tag,.content .img-box .keyword .know-tag{
	background: rgba(0,0,0,.4);
	font-size: 14px;
	line-height: 14px;
	padding: 5px 10px;
	border-radius: 14px;
	margin-right: 15px;
	text-align: center
}

.content .img-box .ageMax{
	width: 70px
}

.content .img-box .know-tag{
	width: 74px;
	left: 83px
}

.content .img-box .ageMaxKnow{
	left: 91px
}

.content .desc{
	padding: 15px 20px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 0 0 8px 8px
}

.content .desc .logo{
	font-size: 0;
	margin-right: 15px
}

.content .desc .logo img{
	width: 60px;
	height: 60px
}

.content .desc .mess{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #a7abc2;
	height: 59px;
	overflow: hidden;
	text-align:left;
}

.content .desc .mess .title{
	font-size: 18px;
	color: #7f8294;
	margin: 5px 0 5px
}

.content .desc .download{
	cursor: pointer;
	position: relative;
	width: 20px;
	text-align:left;
}

.content .desc .download img{
	width: 20px;
	position: absolute;
	bottom: 8px
}

.content .desc .download .active{
	display: none;
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s
}

.content .desc .download .normal{
	opacity: 1;
	-webkit-transition: .5s;
	transition: .5s
}

.content .desc .download .qrcode{
	width: 150px;
	height: 150px;
	background: hsla(0,0%,100%,.9);
	border: 6px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	position: absolute;
	bottom: 40px;
	right: -65px;
	opacity: 0;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	visibility: hidden;
	z-index: 10
}

.content .desc .download .qrcode img{
	width: 130px;
	height: 130px
}

.content .desc .download .qrcode:before {
	border: 9px solid transparent;
	border-top-color: hsla(0,0%,100%,.9);
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: -18px;
	content: "";
	height: 0;
	width: 0;
	z-index: 1
}

.content .desc .download:hover .active{
	display: block;
	opacity: 1;
	-webkit-transition: .5s;
	transition: .5s
}

.content .desc .download:hover .normal{
	opacity: 0;
	display: none;
	-webkit-transition: .5s;
	transition: .5s
}

.content .desc .download:hover .qrcode{
	opacity: 1;
	bottom: 60px;
	-webkit-transition: .5s;
	transition: .5s;
	visibility: visible
}
/****/

.desc-wrapper .desc-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 33px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.desc-wrapper .desc-list .desc-item {
	font-size: 22px;
	margin: 0 10px;
	position: relative;
	cursor: pointer;
	font-weight: 400
}

.desc-wrapper .desc-list .desc-item:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -11px;
	height: 3px;
	width: 0;
	-webkit-transition: .3s;
	transition: .3s;
	background: #5fc5f4
}

.desc-wrapper .desc-list .desc-item.active {
	color: #3e4155
}

.desc-wrapper .desc-list .desc-item.active:before {
	width: 100%;
	-webkit-transition: .3s;
	transition: .3s
}

.desc-wrapper .text-box {
	height: 225px;
	line-height: 26px;
	position: relative
}

.desc-wrapper .text-box .desc-text {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .2s;
	transition: .2s;
	position: absolute;
	top: 0
}

.desc-wrapper .text-box .desc-text.active {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .3s .2s;
	transition: opacity .3s .2s
}
/******/
.culture-section {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	font-size: 0
}

.culture-section .cover {
	width: 100%
}
.culture-section .text-wrapper {
	width: 1260px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.culture-section .text-box {
	position: relative;
	z-index: 2;
	top: -30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
}

.culture-section .text-box .text-item {
	font-size: 22px;
	width: 31.7%;
	text-align: center;
	
	height:350px;
	padding-top:80px;
	padding-left:0.25%;
	padding-right:0.25%;
	background-color:#fff;
	border-radius:8px;
}
.culture-section .text-box .text-item:hover{
	background-color:#fff;
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
}
.culture-section .text-box .text-item .text-icon {
	font-size: 0;
	margin-bottom: 25px
}

.culture-section .text-box .text-item .text-icon img {
	width: 80px
}

.culture-section .text-box .text-item .text-title {
	font-weight: 400;
	font-size: 22px;
	color: #3e4155
}

.culture-section .text-box .text-item .sub-title {
	font-size: 16px;
	margin-top: 16px;
	color:#999;
}


/**media-list-page**/
.media-list-page{text-align:left;}
.media-list-page .media-item{
	height: 217px;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
	background: hsla(0,0%,100%,0);
	cursor: pointer;/*
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1)*/	
}


.media-list-page .media-item,.media-item:hover {
	-webkit-transition: .5s;
	transition: .5s
}

.media-list-page .media-item:hover {
	background: #fff;
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1)
}

.media-list-page .media-item .img-box{
	font-size: 0;
	margin-right: 60px
}

.media-list-page .media-item .img-box img{
	width: 210px;
	height: 155px;
	border-radius: 6px
}

.media-list-page .media-item .mess .title{
	color: #676a78;
	font-size: 22px;
	line-height: 1;
	margin-bottom: 22px;
	font-weight: 400
}

.media-list-page .media-item .mess .info{
	line-height: 24px;
	margin-bottom: 40px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis；
}
.media-list-page .media-item:hover .mess .info{
	color: #676a78;
	line-height: 24px;
	margin-bottom: 40px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis；
}

.media-list-page .media-item .mess .tip{
	font-size: 0;
	color: #a7abc2
}

.media-list-page .media-item .mess .tip>div{
	font-size: 14px;
	display: inline-block;
	line-height: 25px
}

.media-list-page .media-item .mess .tip>div img{
	width: 25px;
	margin-right: 10px;
	vertical-align: middle;
	
	
}

.media-list-page .media-item .mess .tip .view{
	margin-right: 53px;
	display: inline-block;
	padding-left:30px;
	background:url('../images/eyes.png') no-repeat left center;
}
.media-list-page .media-item .mess .tip .date{
	margin-right: 53px;
	display: inline-block;
	padding-left:30px;
	background:url('../images/clock.png') no-repeat left center;
}
/**view***/
.view-main{
	padding:50px;
	-webkit-box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	box-shadow: 0 0 30px 0 rgba(86,100,183,.1);
	min-height:650px;
	margin-bottom:50px;
}
.view-title{
    font-size: 22px;
    color: #676a78;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 400;
}
.view-extra{
	color: #999;
}
.view-hits{
    font-size: 14px;
    display: inline-block;
    line-height: 25px;	
	margin-right:45px;
	
}
.view-date{
	
    font-size: 14px;
    display: inline-block;
    line-height: 25px;	
}
.view-content{
	padding-top:50px;
	line-height:180%;
	font-size:16px;
}
.view-content p,.view-content div,.view-content td,.view-content h3{
	line-height:180%;
	font-size:16px;
}
.view-content p{
	margin-bottom:15px;
}
.view-content img{
	max-width:800px;
}

.view-content2{
	padding-top:0px;
	line-height:180%;
	font-size:16px;
}
.view-content2 p,.view-content2 div,.view-content2 td,.view-content2 h3{
	line-height:180%;font-size:16px;
}
.view-content2 p{
	margin-bottom:15px;
}
.view-content2 img{
	max-width:800px;
}
.page-content{
	padding-top:0px;
	line-height:180%;
	font-size:16px;
	padding-left:30px;
	padding-right:30px;
}
.page-content p,.page-content div,.page-content td,.page-content h3{
	line-height:180%;
	font-size:16px;
}
.page-content p{
	margin-bottom:5px;
	font-size:16px;
}
.page-content img{
	max-width:800px;
}
/***view-product***/
.page {
	background: #fff
}

.swiper-slide {
	width: 378px
}

.swiper-slide img {
	width: 100%;
	border-radius: 8px
}

.el-carousel__arrow.el-carousel__arrow--left,.el-carousel__arrow.el-carousel__arrow--right {
	right: -50px;
	width: 28px;
	height: 253px;
	background: #fff;
	border-radius: 6px
}

.el-carousel__arrow.el-carousel__arrow--left img,.el-carousel__arrow.el-carousel__arrow--right img {
	width: 12px;
	height: 21px
}

.el-carousel__arrow.el-carousel__arrow--left {
	left: -48px
}

.el-carousel__arrow.el-carousel__arrow--left:hover,.el-carousel__arrow.el-carousel__arrow--right:hover {
	background: #efeff9
}

.d_carousel {
	position: relative
}

.d_header {
	padding-top: 40px;
	margin-bottom: 40px;
	height: 96px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.d_header .d_logo {
	width: 96px;
	height: 96px
}

.d_header .d_base {
	margin-left: 19px;
	padding: 3px 0 6px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.d_header .d_base,.d_header .d_base .d_name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align:left;
}

.d_header .d_base .d_name {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 22px;
	color: #676a78;
	text-align:left;
}

.d_header .d_base .d_name .d_age {
	margin: 0 10px 0 19px
}

.d_header .d_base .d_name span {
	padding: 7px 14px;
	background: #efeff9;
	border-radius: 14px;
	font-size: 14px
}

.d_header .d_base .d_info {
	font-size: 14px
}

.d_header .d_base .d_info .d_size {
	margin-bottom: 11px
}

.d_header .d_base p {
	margin: 0
}

.d_header .d_download {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto
}

.d_header .d_qrcode {
	width: 80px;
	height: 96px;
	border: 1px solid #efeff9;
	border-radius: 6px
}

.d_header .d_qrcode>div {
	width: 65px;
	height: 65px;
	margin: 6px auto 0;
}

.d_header .d_qrcode p {
	margin-top: 5px;
	text-align: center;
	font-size: 14px;
	color: #7f8294
}

.d_header .d_dbutton {
	display: block;
	margin-top: 16px;
	margin-left: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: left;
	padding-left: 25px;
	width: 138px;
	height: 40px;
	background: #efeff9;
	border: none;
	border-radius: 6px;
	color: #a7abc2;
	font-size: 14px;
	line-height: 34px;
	outline: #fff;
	cursor: pointer
}

.d_header .d_dbutton img {
	vertical-align: sub;
	width: 21px;
	height: 20px
}

.d_header .d_dbutton:first-child {
	margin-top: 0
}
.d_desc{ text-align:left;}
.d_desc>p {
	font-size: 22px;
	color: #676a78;
	margin-top: 40px;
	margin-bottom: 21px
}

.d_desc article {
	font-size: 16px;
	padding-bottom: 53px;
	line-height: 30px
}

.like {
	background: #fbfbfd;
	padding-top: 17px
}

.like>div {
	width: 1200px;
	margin: auto
}

.like>div p {
	font-size: 22px;
	color: #636679;
	margin-bottom: 33px;
	margin-top: 43px;
	line-height: 1
}

.like>div .con {
	margin-bottom: 121px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ios_active {
	background: #8484ad!important;
	color: #fff!important
}

.android_active {
	background: #4ed3af!important;
	color: #fff!important
}
.ios_active {
	background: #ff9900!important;
	color: #fff!important
}
/**swiper**/
.swiper-slide{
	width:380px;
	
}

/**news ralative**/
.about-list {
	margin-top: 80px
}

.about-list .about-title {
	font-size: 22px;
	color: #676a78;
	margin-bottom: 30px
}

.about-list .about-item {
	color: #a7abc2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 19px;
	cursor: pointer
}

.about-list .about-item:hover {
	color: #676a78
}

.about-list .about-item:last-of-type {
	margin-bottom: 0
}

about-list .about-item .title {
	padding-left: 18px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.about-list .about-item .title:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	
	border-radius: 50%;
	background: #a7abc2;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto
}